﻿<!--_meta 作为公共模版分离出去-->
<html lang="zh-CN" xmlns:th="http://www.thymeleaf.org">
<head>
	<base th:href="${#request.getContextPath()}+'/static/'">
		<meta charset=UTF-8>
		<meta http-equiv=Cache-Control content="max-age=7200">
		<meta name=renderer content=webkit>
		<meta name=force-rendering content=webkit>
		<meta http-equiv=X-UA-Compatible content="IE=Edge,chrome=1">
		<title>易租网</title>
		<!--[if lte IE 8]>
      <script src="http://cdn.bootcss.com/jquery/1.9.0/jquery.min.js"></script>
    <![endif]-->
		<!--<script src=//cdn.bootcss.com/jquery/3.1.1/jquery.min.js></script>-->
		<!--<link href=/./css/index.79eb158.css rel=stylesheet>
		<link href=/./css/index-css.79eb158.css rel=stylesheet>-->
		<link href="css/index-css.79eb158.css" rel="stylesheet"/>
		<link href="css/index.79eb158.css" rel="stylesheet"/>
		<script src="https://code.jquery.com/jquery-3.1.1.min.js"></script>
		<script src="js/index.0cd046f.bundle.js"></script>
	</head>

	<body class=index-body>
		<div class=banner>
			<div class=indextopmenu>
				<div class=logo>
					<div class=htemp38></div><img src=./static/images/logo.png></div>
				<div class=menuitems>
					<div>
						<a href=fy.html>租房</a>
					</div>
					<div>
						<a href=zk.html>租客</a>
					</div>
					<div>
						<a href=yzyj.html>易租有家</a>
					</div>
					<div>
						<a href=app.html>APP下载</a>
					</div>
					<div>
						<a style=color:#ff575c onclick=torelease() href=#>房源发布</a>
					</div>
					<div id=login class=dsinline>
						<a href=login.html>登录</a>
						<a class=Partition></a>
						<a href=register.html>注册</a>
					</div>
					<div id=nologin onclick=tousercenter() class="dsnone pointer"><span style=color:#12c2ca id=phone></span>
						<a class=Partition></a>
						<a onclick=EZ.exit() href=#>退出</a>
					</div>
				</div>
			</div>
			<div class=htemp169></div>
			<div class=bannertitle>房屋出租，就是这么简单</div>
			<div class=smallbannertitle>易租网为业主提供全程房屋出租解决方案</div>
			<div class=h20>
				<div class=headerbutton><span onclick="settext(" house ")" class=headerbutton>找租房</span><span onclick="settext(" rent ")" class="headerbutton pl30">找租客</span></div>
			</div>
			<div class=h20>
				<div class=divsanjiao><i class=top></i></div>
			</div>
			<div class=searchbox><input data=1 placeholder=请输入小区名开始找租房 onfocus=searchkeyFocus() onblur=searchkeyBlur() id=searchkey>
				<div class=searchico>
					<div class=searchicoinner onclick=searchdata()><img class=searchicoinnerimg src=./static/images/ico_search.png></div>
				</div>
			</div>
		</div>
		<div class=maindiv>
			<div class=group1>
				<div class=htemp60></div>
				<div class=grouptitle>易租有家专业平台更让你省心</div>
				<div class=groupsmalltitle>出租从未如此简单，品质服务，快人一步</div>
				<div class=htemp26></div>
				<div class=servicegroup>
					<div class=item>
						<div class=content>
							<div class=htemp21></div>
							<div class=title>202家品牌涉外公司</div>
							<div class=contentbody>行业内权威涉外租赁公司，覆盖上海所有热门区域，服务在上海工作，生活，学习的外籍租客。其中租客包括，欧美，日本，等其他地区</div>
							<div class=htemp45></div>
							<div class=ico><img src=./static/images/ico_01.png></div>
						</div>
					</div>
					<div class=htemp31></div>
					<div class=item>
						<div class=content>
							<div class=htemp21></div>
							<div class=title>专业涉外租赁服务专家</div>
							<div class=contentbody>2047位优秀涉外经纪人，沟通，带看，签约，售后，全程一站式服务，帮助每一个客户和业主更快的交流与对接。专业服务更安全，更放心</div>
							<div class=htemp45></div>
							<div class=ico><img src=./static/images/ico_02.png></div>
						</div>
					</div>
					<div class=htemp31></div>
					<div class=item>
						<div class=content>
							<div class=htemp21></div>
							<div class=title>10年市场口碑，值得信赖</div>
							<div class=contentbody>我们为业主提供最新市场分析，房源挂牌咨询，精准匹配租客。大大的减少房屋空置率周期，省去不必要的电话骚扰，更方便，更快捷</div>
							<div class=htemp45></div>
							<div class=ico><img src=./static/images/ico_03.png></div>
						</div>
					</div>
				</div>
				<div class=htemp56></div>
			</div>
			<div class=group2>
				<div class=htemp60></div>
				<div class=grouptitle>易租有家专业平台更让你省心</div>
				<div class=groupsmalltitle>出租从未如此简单，品质服务，快人一步</div>
				<div class=htemp26></div>
				<div class=areagroup></div>
				<div class=htemp26></div>
				<div class=htemp26></div>
			</div>
			<div class=group1>
				<div class=htemp60></div>
				<div class=grouptitle>始于颜值，"衷"于品质</div>
				<div class=groupsmalltitle>时间很贵，没有必要浪费，从毛坯到入住，只为品质家装</div>
				<div class=htemp26></div>
				<div class=zxgroup>
					<div class=zxleft><img src="static/images/left图片.png"/></div>
					<div class=zxright>
						<div class=zxrigthtitle>
							<div class=titlenews>易租有家服务保障</div>
							<div class=titlelist><img src=./static/images/gouxuan.png><span>品质保障：严苛选材，货真价实，正品保证，假一赔十。</span></div>
							<div class=titlelist><img src=./static/images/gouxuan.png><span>装修保障：房屋装修47道标注施工工序，两年质保。</span></div>
							<div class=titlelist><img src=./static/images/gouxuan.png><span>出租保障：全行业优先推荐，精选最优质的客户，快速签约。</span></div>
							<a href=yzyj.html>
								<div class=service>查看服务</div>
							</a>
						</div>
					</div>
				</div>
				<div class=htemp56></div>
			</div>
			<div class=group2>
				<div class=htemp60></div>
				<div class=grouptitle>专业的事交给专业的人</div>
				<div class=htemp60></div>
				<div class=step>
					<div class=step-box>
						<div class=step-list><img src=./static/images/step_one.png> <span>了解行情</span></div>
						<div class=order-list>- - - - - - -</div>
						<div class=step-list><img src=./static/images/step_two.png> <span>上线推荐</span></div>
						<div class=order-list>- - - - - - -</div>
						<div class=step-list><img src=./static/images/step_three.png> <span>甄选租客</span></div>
						<div class=order-list>- - - - - - -</div>
						<div class=step-list><img src=./static/images/step_four.png> <span>签约售后</span></div>
					</div>
				</div>
				<div class=htemp70></div>
				<div class=htemp70></div><img class=women src=./static/images/home_women.png></div>
		</div>
		<!doctype html>
		<html lang=en>

		<head>
			<meta charset=UTF-8>
			<meta http-equiv=Cache-Control content="max-age=7200">
		</head>
		<style>
			.bottom-divs {
				position: relative
			}
			
			.bottomimg {
				background: rgba(0, 0, 0, .4);
				top: 0;
				left: 0;
				right: 0;
				bottom: 0;
				width: 100%;
				text-align: center;
				z-index: 9999;
				position: fixed;
				display: none;
				justify-content: center;
				align-items: center
			}
			
			.absolute-div {
				position: relative;
				background-color: #fff;
				height: 310px;
				width: 400px;
				display: flex;
				align-items: center;
				justify-content: center;
				flex-direction: column
			}
			
			.close-win {
				position: absolute;
				top: 15px;
				right: 15px;
				width: 22px
			}
			
			.bottomimgcontent {
				width: 100%;
				height: 219px
			}
			
			input::-webkit-input-placeholder,
			textarea::-webkit-input-placeholder {
				color: #b3b3b3
			}
			
			input:-moz-placeholder,
			textarea:-moz-placeholder {
				color: #b3b3b3
			}
			
			input::-moz-placeholder,
			textarea::-moz-placeholder {
				color: #b3b3b3
			}
			
			input:-ms-input-placeholder,
			textarea:-ms-input-placeholder {
				color: #b3b3b3
			}
			
			.wins {
				background: rgba(0, 0, 0, .5);
				position: fixed;
				top: 0;
				bottom: 0;
				right: 0;
				left: 0;
				z-index: 10;
				display: none;
				align-items: center;
				justify-content: center
			}
			
			.win-div1 {
				align-items: center;
				justify-content: center;
				position: relative;
				width: 360px;
				height: 530px;
				background: #fff;
				display: flex;
				flex-direction: column;
				padding: 20px;
				display: none
			}
			
			.win-div {
				align-items: center;
				justify-content: center;
				position: relative;
				width: 715px;
				height: 171px;
				background: #fff;
				display: none;
				flex-direction: column;
				padding: 20px
			}
			
			.win-close {
				width: 25px;
				position: absolute;
				top: 0;
				right: 0;
				margin-right: 15px;
				margin-top: 15px
			}
			
			.win-title {
				color: #ff575c;
				margin: 10px 0;
				font-size: 20px
			}
			
			.win-title1 {
				margin: 10px 0;
				font-size: 20px
			}
			
			.wim-msg {
				line-height: 20px;
				height: 20px;
				color: #ff575c;
				font-size: 16px
			}
			
			.win-btn {
				display: flex;
				margin: 10px 0
			}
			
			.win-input {
				padding: 15px 10px;
				margin: 10px 0;
				width: 300px
			}
			
			.win-code {
				display: flex;
				width: 320px;
				margin: 10px 0;
				border: 1px solid #a2a2a2
			}
			
			.win-code-input {
				width: 150px;
				outline: 0;
				border: none;
				padding: 15px 10px
			}
			
			.win-content {
				margin: 10px 0;
				font-size: 15px;
				color: #444
			}
			
			.win-con-btn {
				background: #ff575c;
				color: #fff;
				padding: 15px 25px;
				width: 280px;
				text-align: center
			}
			
			.win-con-btn1 {
				background: #ff575c;
				color: #fff;
				padding: 15px 25px;
				width: 280px;
				text-align: center
			}
			
			.win-left-btn {
				background: #ff575c;
				color: #fff;
				padding: 10px 25px
			}
			
			.win-right-btn {
				margin-left: 20px;
				background: #39becf;
				color: #fff;
				padding: 10px 25px
			}
		</style>
		<script>
			$(function() {
				window.closeshare = function() {
					$(".bottomimg").css("display", "none")
				}, window.openshare = function() {
					$(".bottomimg").css("display", "flex")
				}, window.goLogin = function() {
					window.location = "login.html"
				}, window.goRegister = function() {
					window.location = "register.html"
				}, window.winShow = function(i) {
					$(".wins").css("display", "flex"), "0" === i ? $(".win-div").css("display", "flex") : "1" === i ? (getimgcodea(), $(".win-div1").css("display", "flex"), $(".win-con-btn").show(), $(".win-con-btn1").hide()) : "2" === i && (getimgcodea(), $(".win-div1").css("display", "flex"), $("#BudgetMax").hide(), $(".win-con-btn1").show(), $(".win-con-btn").hide())
				}, window.winclose = function() {
					$(".wins").hide(), $(".win-div").hide(), $(".win-div1").hide()
				}, window.getimgcodea = function() {
					EZ.ajax({
						url: "GetCustomerReqInfoVerifyCode",
						data: null,
						success: function(i) {
							console.log(i), 0 < i.Data.length && (console.log("显示"), $("#imgcode1").attr("src", "data:image/jpeg;base64," + i.Data[0].Img))
						}
					})
				}, window.isPoneAvailable1 = function() {
					return !!/^[1][3,4,5,7,8][0-9]{9}$/.test($("#Phone").val()) || ($(".wim-msg").text("请输入正确的手机号码"), !1)
				}, window.InsertCustomerReqInfo = function(i) {
					var n = $("#VerifyCode").val(),
						e = $("#UserName").val(),
						o = $("#Phone").val(),
						t = $("#Remark").val(),
						s = $("#BudgetMax").val();
					i = i;
					if(!e) return $(".wim-msg").text("请输入姓名"), !1;
					if(!o) return $(".wim-msg").text("请输入手机号码"), !1;
					if(!isPoneAvailable1()) return $(".wim-msg").text("请输入正确的手机号码"), !1;
					if(!t) return $(".wim-msg").text("请输入租房描述"), !1;
					if(0 == i && !s) return $(".wim-msg").text("请输入租金预算"), !1;
					if(!n) return $(".wim-msg").text("请输入验证码"), !1;
					var a = {
						VerifyCode: n,
						UserName: e,
						Phone: o,
						Remark: t,
						BudgetMax: s,
						DataType: i
					};
					EZ.ajax({
						url: "InsertCustomerReqInfo",
						data: a,
						success: function(i) {
							winclose(), $.MsgBox.Alert("提交成功", "后台已收到您的申请，届时客服将联系您", function() {})
						}
					})
				}
			})
		</script>

		<body class=bottom-divs>
			<script>
				! function(n, e, d) {
					window[e] = window[e] || function(n) {
						window[e].company_id = window[e].company_id || n
					};
					var o = document.createElement("script");
					o.src = "/dist.yunque360.com/bundle.js?v=" + (new Date).getUTCDate(), document.getElementsByTagName("body")[0].appendChild(o)
				}(window, "_YUNQUE"), _YUNQUE("cac48mn7es8u")
			</script>
			<div class=bottomimg>
				<div class=absolute-div><img onclick=closeshare() class=close-win src=/images/btn_close.dac46cf.png alt=""> <img style=width:170px src=/images/wxcode.3d4a1ed.png>
					<div class=win-title1>易租有家</div>
					<div class=win-desc>扫一扫上面的二维码图案，加我微信</div>
				</div>
			</div>
			<div class=bottom-div>
				<div class=content-div>
					<div class=htemp50></div>
					<div class=linegroup>
						<div class=item1>
							<div class=title>联系我们</div>
							<div class=htemp19></div>
							<div class=phonenumber>4000-646-949</div>
							<div class=email>邮箱：yizush@126.com</div>
							<div class=wechat onclick=openshare()><img src="images/wechat.fac7a46.png"></div>
						</div>
						<div class=item2>
							<div class=title>服务支持</div>
							<div class=htemp19></div>
							<a href=aboutus.html>了解易租</a>
							<a href=aboutus.html>免责声明</a>
							<a href=aboutus.html>信息发布</a>
						</div>
						<div class=item3>
							<div class=title>帮助中心</div>
							<div class=htemp19></div>
							<a href=aboutus.html>用户协议</a>
							<a href=aboutus.html>人才招聘</a>
							<a href=aboutus.html>关于易租</a>
							<a href=aboutus.html>意见反馈</a>
						</div>
						<div class=item4>
							<div class=title>APP下载</div>
							<div class=htemp23></div>
							<div class=btn-div><img src="images/ewcode.bbe63a2.png">
								<div>
									<div class=vtemp29></div>
									<div class=buttons>Android下载</div>
									<div class=htemp10></div>
									<div class=buttons>IOS下载</div>
								</div>
							</div>
						</div>
					</div>
					<div class=line></div>
					<div style=display:flex;align-items:center>
						<div style=width:195px;height:100px>
							<div style=width:100%;height:37px></div><img src="images/logo_root.f2a96be.png"></div>
						<div style=width:1005px;height:100px;display:flex;align-items:center;flex-direction:column;justify-content:center>
							<div style=width:100%;height:24px;line-height:24px;color:#666;font-size:14px>本站由 <span style=color:#fff>阿里云 提供计算与安全服务</span></div>
							<div style=width:100%;height:24px;line-height:24px;color:#666;font-size:12px>Copyright 2019 上海九启网络技术有限公司版权所有沪ICP备 13002639号 公安部备案号 31011402006735</div>
						</div>
					</div>
				</div>
			</div>
			<div class=wins>
				<div class=win-div>
					<div><img class=win-close onclick=winclose() src=/images/btn_close.1e34cb1.jpg alt=""></div>
					<div class=win-title>您还没有登录</div>
					<div class=win-content>立即登录注册，多个认证涉外公司一起帮您推荐租客，轻松找到满意租客，并智能匹配相符租客需求</div>
					<div class=win-btn>
						<div class=win-left-btn onclick=goLogin()>立即登录</div>
						<div class=win-right-btn onclick=goRegister()>免费注册</div>
					</div>
				</div>
				<div class=win-div1>
					<div><img class=win-close onclick=winclose() src=/images/btn_close.1e34cb1.jpg alt=""></div>
					<div class=win-title>请填写租房需求</div><input class=win-input id=UserName placeholder=请输入姓名> <input class=win-input id=Phone maxlength=11 placeholder=请输入手机号> <input class=win-input id=BudgetMax placeholder=请输入租金预算> <textarea rows=3 id=Remark class=win-input cols=20 placeholder=请输入租房描述></textarea>
					<div class=win-code><input id=VerifyCode class=win-code-input placeholder=请输入图形验证码> <img id=imgcode1 style=width:140px;height:50px src=xxxHTMLLINKxxx0.79181245544071910.7677923309129686xxx onclick=getimgcodea() class="imgcode fl"></div>
					<div class=wim-msg></div>
					<div class=win-btn>
						<div class=win-con-btn onclick=InsertCustomerReqInfo(0)>提交</div>
						<div class=win-con-btn1 onclick=InsertCustomerReqInfo(1)>提交</div>
					</div>
				</div>
			</div>
			<script src=/js/index.0cd046f.bundle.js></script>
		</body>

		</html>
	</body>

</html>